@charset "UTF-8";
/** reset **/
*{ padding:0; margin:0; }
html,body{ background:#fff; height:100%; }
* html{ background:url(about:blank) fixed; }
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr{ margin:0; padding:0; }
body{ font:14px/1.5 'Microsoft YaHei', simsun, arial; background:#f5f5f5; color:#464646; }
select, input, button{ vertical-align:middle; font-size:100%;border:none; outline:none; }
ul, ol{ list-style:none; }
fieldset, img{ border:0; }
em{ font-style:normal; }
.clear{ clear:both; display:block; height:0; visibility:hidden; font:0/0 arial; }
.clearfix:after{ content:"."; display:block; visibility:hidden; clear:both; height:0; font-size:0; }
.clearfix{ *zoom:1; }
a{ color:#464646; text-decoration:none; outline:0 none; }
a:hover{ color:#0074DE; text-decoration:none; }
.full-wrapper{ width:100%; min-width:1000px;overflow:hidden;}
.wrapper{ width:1000px; margin:0 auto; }
.wrapper-bd{ width:998px; border:1px solid #e6e6e6; background:#FFF;}
/** reset end **/

/** global **/
.fl{ float:left; }
.fr{ float:right; }
.mt{ margin-top:0;}
.red{color:#f00;}

.icon,.bg{ background-image:url("../images/bg.png"); background-repeat:no-repeat;}
<!--[if !IE]>
.blur-1{-webkit-filter: blur(1px);-moz-filter: blur(1px);-ms-filter:blur(1px);filter: blur(1px);}
.blur-1{-webkit-filter: blur(1px);-moz-filter: blur(1px);-ms-filter:blur(1px);filter: blur(1px);}
.blur-2{-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter:blur(2px);filter: blur(2px);}
.blur-3{-webkit-filter: blur(3px);-moz-filter: blur(3px);-ms-filter:blur(3px);filter: blur(3px);}
.blur-4{-webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter:blur(4px);filter: blur(4px);}
.blur-5{-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter:blur(5px);filter: blur(5px);}
.blur-6{-webkit-filter: blur(6px);-moz-filter: blur(6px);-ms-filter:blur(6px);filter: blur(6px);}
.blur-7{-webkit-filter: blur(7px);-moz-filter: blur(7px);-ms-filter:blur(7px);filter: blur(7px);}
.blur-8{-webkit-filter: blur(8px);-moz-filter: blur(8px);-ms-filter:blur(8px);filter: blur(8px);}
.blur-9{-webkit-filter: blur(9px);-moz-filter: blur(9px);-ms-filter:blur(9px);filter: blur(9px);}
.blur-10{-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter:blur(10px);filter: blur(10px);}
<![endif]-->
.index header{ position:relative; width:100%; height:1000px; overflow:hidden;}
    .index .bg-wrapper{ position:absolute;top:0;left:0; width:50%; min-width:500px; height:1000px; margin-left:50%; float:left;}
    .index .header-bg{ position:absolute;margin-left:-1000px; top:-20px; width:2000px; height:1040px; background:url("../images/header.jpg") no-repeat center;}
    .index header .wrapper{ position:relative; z-index:10; top:30px;}

        .index header .wrapper nav .logo-small{ width:60px; height:60px; background:url("../images/small-logo.png") no-repeat; text-indent:-999px; overflow:hidden; float:left;}
        .index header .wrapper nav .links{ margin:10px 0; float:right;}
            .index header .wrapper nav .links a{ float:left; width:130px; height:40px; margin-left:40px; color:#666; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; font:20px/40px "Microsoft YaHei"; }
            .index header .wrapper nav .links a:hover,
            .index header .wrapper nav .links a.cur{color:#fff; background:rgba(0, 0, 0, 0.2); border-color:transparent;  }

        .index header .wrapper .inner{ float:right; margin:200px 0 0 0;}
        .index header .wrapper .slogan .logo-big{ display:block; width:120px; height:120px; margin:auto; background:url("../images/logo.png") no-repeat;}
        .index header .wrapper .slogan .text-love{ display:block; width:420px; height:50px; margin-top:30px; text-indent:-999px; overflow:hidden; background:url("../images/header-text-love.png") no-repeat;}
        .index header .wrapper .download{margin-top:120px;margin-bottom:200px;}
            .index header .wrapper .download a{ display:block; width:350px; height:70px; font:30px/70px "microsoft yahei";margin:0 auto 50px 0; padding-left:60px; color:#fff; border:1px solid #fff; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;}
            .index header .wrapper .download a:hover{ background:rgba(255, 255, 255, 0.3); *background-color:#ccc;background-color:#ccc\0;border-color:transparent;}
            .index header .wrapper .download .icon{ display:block; float:left; width:50px; height:50px;margin:10px;}
            .index header .wrapper .download .icon-android{ background-position:0 0;}
            .index header .wrapper .download .icon-ios{ background-position:0 -60px;}

    .index .slider-wrapper{ position:relative; height:1000px; text-align:center;}
    .index .slider-scene-wrapper{ position:absolute; height:600px; background:#f74b4b url("../images/slider-bg.png") no-repeat center;}
    .index .slider-footer-wrapper{ position:absolute; top:600px; height:400px; background:url("../images/slider-bg2.png") no-repeat center;}
    .index .slider-wrapper .slider-scene{ position:relative; top:320px; margin:auto;}
    .index .slider-scene .hand{ position:absolute; top:-80px; right:-230px; width:660px; height:760px; background:url("../images/hand.png") no-repeat;}
    .index .slider-con{ height:680px; position:relative;}

    .index .slider-item{ display:none; position:absolute; width:100%;}
        .index .slider-item.cur{ display:block;}
    .index .slider-item .text{ width:500px; margin-left:50px; float:left;}
        .index .slider-item .text dt,
        .index .slider-item .text dd {height:80px; display:block; text-indent:-99999px; overflow:hidden; background:url("../images/slider-text.png") no-repeat; }

    .index .slider-item .img{ position:absolute; width:256px; height:452px; top:-10px; right:119px;}
    /*.index .slider-item .text dt{ height:80px;}*/
    .index .slider-item .text dd{ height:90px; margin-top:30px;}

    .index .slider-item-1 .text dd{ background-position:0 -98px;}
        .index .slider-item-1 .img{ background:url("../images/m1.png") no-repeat;}

    .index .slider-item-2 .text dt{ background-position:0 -247px;}
    .index .slider-item-2 .text dd{ background-position:0 -348px;}
        .index .slider-item-2 .img{ background:url("../images/m2.png") no-repeat;}

    .index .slider-item-3 .text dt{ background-position:0 -547px;}
    .index .slider-item-3 .text dd{ background-position:0 -648px;}
        .index .slider-item-3 .img{ background:url("../images/m3.png") no-repeat;}

    .index .slider-page{ position:relative; height:22px; margin-top:-40px;}
        .index .slider-page li{ display:inline-block; cursor:pointer; width:20px; height:20px; margin:0 15px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; border: 1px solid #848484;}
        .index .slider-page li.cur{ background:#848484;}

    .partner{ text-align:center; background:#ededed;}
        .partner .wrapper{ padding:40px 0;}
    .partner dt{font:22px/40px 'Microsoft YaHei'; color:#434343;}
    .partner dd{}
        .partner dd a{ display:inline-block; margin:10px 40px;}
    .separate{height:1px;background-color:#ededed;width:100%;}
        .separate .inner{height:1px;background-color:#ccc;width:70%;margin:0 auto;}

footer{ text-align:center; line-height:200%; padding:10px 0 40px;background:#ededed;}
    footer .share-box{margin:30px 0; height:80px;}
    footer .share-box a{ display:inline-block; width:78px; height:78px; margin:0 35px; -webkit-border-radius:39px; -moz-border-radius:39px; border-radius:39px; border:1px solid #a6a6a6;}
        footer .share-box a i{ display:inline-block; margin:14px; width:50px; height:50px;}
    footer .share-box .weixin{position:relative;}
        footer .share-box .weixin i{ background-position:-50px -175px;}
        footer .share-box .weixin img{display:none;width:120px;height:120px;}
        footer .share-box .weixin:hover{ background:#51c332; border-color:#51C332;}
        footer .share-box .weixin:hover img{display:block;position:absolute;top:-10px;left:-130px;}
        footer .share-box .weixin:hover i{ background-position:0 -175px;}

        footer .share-box .weibo i{ background-position:-50px -115px;}
        footer .share-box .weibo:hover{ background:#f56314; border-color:#f56314;}
        footer .share-box .weibo:hover i{ background-position:0 -115px;}

        footer .links{margin:10px 0;}

    footer .icp{ display:inline-block; vertical-align:middle; margin-right:10px; background:url("../images/icp.png") no-repeat; width:17px; height:22px;}

.about nav{}
.about .theme{margin-bottom:40px;}
    .about .theme .zh{font-size:36px;color:#363636;}
    .about .theme .en{font-size:20px;color:#919090;margin-left:10px;}

.about header{ width:100%;position:relative; }

.about nav,.affirm nav{background:#f74b4b;height:110px;}
    .about nav .inner,.affirm nav .inner{width:1000px;margin:0 auto;position:relative;top:23px;}
    .about nav .logo-small,.affirm nav .logo-small{ width:65px; height:65px; background:url("../images/small-logo2.png") no-repeat; text-indent:-999px; overflow:hidden; float:left;}
    .about nav .links,.affirm nav .links{ margin:10px 0; float:right;}
        .about nav .links a,.affirm nav .links a{ float:left; width:130px; height:40px; margin-left:40px; color:#fff; border:1px solid #fff;); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; font:20px/40px "Microsoft YaHei"; }
        .about nav .links a:hover,.affirm nav .links a:hover,
        .about nav .links a.cur,.affirm nav .links a.cur{color:#fff; background:rgba(255, 255, 255, 0.2);; border-color:transparent;  }
    .about .bg-wrapper{width:100%;position:absolute;top:0;left:0; height:760px; background:url("../images/about-bg.jpg") no-repeat center;}
    .about header .wrapper{ position:relative;z-index:10;height:730px;margin-top:120px;}
    .about header .wrapper .inner{width:800px; margin:0 auto 50px auto;}
        .about header .wrapper .inner .title{font-size:18px;}
        .about header .wrapper .inner .desc{font-size:16px;line-height:2;}
        .about header .wrapper .inner .desc dl{margin-top:50px;}
            .about header .wrapper .inner .desc dl dt{color:#ff0000;}

/*.about .section{min-height:760px;}*/

.about .section-joinus{background-color:#ffffff;position:relative;}
    .about .section-joinus .inner{width:1000px;margin:auto;padding:150px 0;position:relative;}

    .about .section-joinus .con{width:760px;margin-left:0;}
    .about .section-joinus .inner .row{margin-bottom:30px;}
    .about .section-joinus .inner .row .title-con .title{cursor:pointer;position:relative;z-index:2;width:350px;height:60px;line-height:60px;background-color:#F74B4B;color:#FFF;border:2px solid #F74B4B;font-size:20px;}
    .about .section-joinus .inner .row .title.odd{float:left;}
    .about .section-joinus .inner .row .title.even{float:right;}

        .about .section-joinus .inner .row .title-con .title i.icon-arrow{display:inline-block;width:22px;height:12px;position:relative;right:20px;position:absolute;right:20px;top:50%;margin-top:-6px;}
        .about .section-joinus .inner .row .title-con .title i.icon-arrow-down{background-position:0 -240px;}
        .about .section-joinus .inner .row .title-con .title i.icon-arrow-up{background-position:0 -280px;margin-top:-16px;}

    .about .section-joinus .inner .row .title-con .title.cur{padding-bottom:20px;background-color:#FFF;color:#F74B4B;border-bottom:none;}
    .about .section-joinus .inner .row .title-con .title span{margin-left:20px;}

    .about .section-joinus .inner .row .desc-con{}
        .about .section-joinus .inner .row .desc{ overflow:auto;min-height:100px;max-height:500px;display:none; width:756px;background-color:#FFF;border:2px solid #F74B4B;position:relative;z-index:1;top:-2px;}
        .about .section-joinus .inner .row .desc-con .text{margin-left:20px;line-height:2;}

    .about .section-joinus .pic{ position:absolute;right:0;bottom:100px;}

/*.about .section.section-service{background-color:#ffffff;position:relative;}*/
/*.about .section-service .inner{width:1000px;margin:auto;padding:150px 0;}*/
/*.about .section-service .pic{position:absolute;top:50%;margin-top:-100px;}*/
/*.about .section-service .con{margin-left:350px;font-size:16px;}*/
/*.about .section-service .inner .desc{line-height:2;}*/

.about .section.section-story{background-color:#ededed;position:relative;}
    .about .section-story .inner{width:1000px;margin:auto;padding:150px 0;position:relative;}
        .about .section-story .inner .pic{position:absolute;margin-top:-100px;left:0;top:50%;}
        .about .section-story .inner .con{float:right;width:600px;line-height:2;vertical-align:middle;font-size:16px;color:#616060;}

.about .section.section-contact{background-color:#ffffff;position:relative;}
    .about .section-contact .theme{margin-bottom:0;}
    .about .section-contact .inner{width:740px;margin:auto;padding:150px 0;}
        .about .section-contact .inner .pic{display:inline-block;}
        .about .section-contact .inner .con{float:left;line-height:2;vertical-align:middle;font-size:16px;color:#616060;}

.about .side-fixed-bar{position:fixed; left:0; top:200px; z-index:99;display:none;}
    .about .side-fixed-bar .side-item{display:block;width:160px;height:50px;border-radius:10px;text-align:center;margin:30px 0;line-height:50px;font-size:22px;border:1px solid #5f5f5f;color:#5f5f5f;}
    .about .side-fixed-bar .side-item.cur,
    .about .side-fixed-bar .side-item:hover{background-color:rgba(194, 191, 190, 0.75); border-color:transparent;color:#FFF;*background-color:#C0C0C0;background-color:#C0C0C0\0;}

.affirm{background:#fff;}
.affirm article{width:948px;margin:30px auto;padding:40px 25px 0 25px;background:#fcfcfc;border:1px solid #ededed;}
    .affirm article h2{font-size:20px;color:#363636;margin-bottom:40px;}
    .affirm article h2 small{ font-size:18px;color:#919090;margin-left:15px;}
    .affirm article section h4,.affirm article section h3,.affirm article section p{color:#616060;font-size:16px;line-height:2;font-weight:normal;}
    .affirm article section {margin-top:50px;}
        .affirm article section .item{margin-bottom:50px;}
